<template>
    <view class="descbox">
        <view class="titlebox">
            <image class="title-icon" src="@/static/image/bianji@3x.png" mode="widthFix"></image>
            <text class="title">{{ title }}</text>
        </view>
        <slot name="desc">
            <view class="desc">{{ desc }}</view>
        </slot>
    </view>
</template>

<script>
export default {
    props: {
        title: {
            type: String,
            default: ''
        },
        desc: {
            type: String,
            default: ''
        }
    },
    data() {
        return {}
    }
}
</script>

<style lang="scss" scoped>
.descbox {
    box-sizing: border-box;
    width: 100%;
    height: 356rpx;
    padding: 48rpx 32rpx 0 32rpx;
    background-color: #275515;
}
.titlebox {
    margin-bottom: 32rpx;
}
.title-icon {
    width: 36rpx;
    height: 36rpx;
}
.title {
    margin-left: 10rpx;
    font-size: 20px;
    color: #fff;
    line-height: 1;
    font-weight: bold;
    vertical-align: top;
    text-align: left;
}
.desc {
    font-size: 12px;
    //font-weight: 500;
    color: #fff;
}
</style>
